<%--
  Created by IntelliJ IDEA.
  User: 纯牛奶丶
  Date: 2018/1/2
  Time: 13:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>在线音乐用户注册</title>
    <link rel="icon" href="${pageContext.request.contextPath}/img/icon.ico">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/userRegister.css">
</head>

<body>
<h2>忘我音乐空间，听你想听的歌</h2>
<%--<h3>注册进入，忘我世界</h3>--%>
<div class="panel panel-primary">
    <div class="panel-body">
        <form class="form-horizontal">
            <div class="form-group">
                <label>用户名</label>
                <input type="text" class="form-control" autofocus="autofocus" name="userName" id="name" value="${formBean.name}" placeholder="6-12个字符" onblur="checkUserName()"/>
                <span id="userName">${formBean.errors.name}${DBMes}</span>
            </div>
            <div class="form-group">
                <label>密码</label>
                <input type="password" class="form-control" name="pwd" id="password" placeholder="6-12个数字、字母或符号" onblur="pwd1()"/>
                <span id="pwd">${formBean.errors.pasword}</span>
            </div>
            <div class="form-group">
                <label>确认密码</label>
                <input type="password" class="form-control" name="rePwd" id="password2" placeholder="确认密码" onblur="checkPassword()"/>
                <span id="pwd2">${formBean.errors.pasword2}</span>
            </div>
            <div class="from-group">
                <label>邮箱</label>
                <input type="email" class="form-control" name="email" id="email" placeholder="请输入邮箱" onblur="checkEmailFormat()" value="${formBean.email}">
                <span id="emailSpan">${formBean.errors.email}</span>
            </div>
            <div class="from-group">
                <label>验证码</label>
                <input type="text" class="form-control fnt1" name="checkcode" id="code">
                <img src="${pageContext.request.contextPath}/code" alt="验证码获取中" class="pic1" id="codeImg" onclick="reloads()">
                <a href="javascript:reloads()" class="fnt2">看不清?</a>
                <span id="input_code">${checkCode}</span>
            </div>
            <div style="margin-top: 5px;margin-left: 40px">
                <input type="checkbox" id="agree"><strong>我已阅读并同意忘我音乐的<a href="https://baike.baidu.com/item/%E7%94%A8%E6%88%B7%E6%B3%A8%E5%86%8C%E5%8D%8F%E8%AE%AE/14485933" target="_blank">《用户协议》</a></strong>
            </div>
            <div class="form-group btns">
                <input type="button" class="btn btn-primary" disabled value="确定注册" id="btnSend"/>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a type="button" class="btn btn-success" href="${pageContext.request.contextPath}/userLogin">返回登录</a>
            </div>
        </form>
    </div>
</div>
</body>
<script src="${pageContext.request.contextPath}/js/jquery-3.2.1.js"></script>
<script src="${pageContext.request.contextPath}/js/userRegister.js"></script>
</html>
